<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/* h1+p{
				color: red;
			} */
			h1~p{
				color: red;
			}
			
			
		</style>
	</head>
	
	
	<body>
		<!--
		 相邻兄弟选择器
		 
		 格式:
		选择器1+选择器2{
			属性:值;
		}
		 1.注意点：
		 相邻兄弟选择器必须通过+号来链接
		 相邻兄弟选择器只能选择紧跟其后的那个标签
		 
		 
		 通用兄弟选择器:
		 格式:
		 选择器1~选择器2{
			 属性:值;
		 }
		 通用兄弟选择器选中的是所有的标签,无论有没有被隔开 都可以选中
		 
		 
		 -->
		
		
		
		<h1>我是标题</h1>
		<a href="">我是一个超链接</a>
		<p>我是段落</p>
		<p>我是段落</p>
		<p>我是段落</p>
		<h1>我是标题</h1>
		<p>我是段落</p>
		<p>我是段落</p>
		<p>我是段落</p>
		
		
	</body>
</html>